import { Move } from "./Move";
import { Rotate } from "./Rotate";
import { Scale } from "./Scale";
import { Size } from "./Size";
import { BrokenChain } from "./ChainIcon";

const TransformBar = (props: any) => {
    return (
        <div className="flex flex-col bg-[#000c18] p-1 space-y-1 relative text-sm">
            <div className="flex space-x-2">
                <Move></Move>
                <Scale></Scale>
            </div>

            <div className="flex space-x-2">
                <Rotate></Rotate>
                <Size></Size>
            </div>

            <BrokenChain></BrokenChain>
        </div>
    );
};

export { TransformBar };